<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <title>HTML表格与表单示例</title>  
    <style>  
        table, th, td {  
            border: 1px solid black;  
            border-collapse: collapse;  
        }  
        th, td {  
            padding: 10px;  
            text-align: left;  
        }  
    </style>  
</head>  
<body>  
  
<!-- HTML表格示例 -->  
<h2>用户信息表</h2>  
<table>  
    <tr>  
        <th>ID</th>  
        <th>姓名</th>  
        <th>年龄</th>  
        <th>职业</th>  
    </tr>  
    <tr>  
        <td>1</td>  
        <td>张三</td>  
        <td>30</td>  
        <td>软件工程师</td>  
    </tr>  
    <tr>  
        <td>2</td>  
        <td>李四</td>  
        <td>25</td>  
        <td>UI设计师</td>  
    </tr>  
    <!-- 可以根据需要添加更多行 -->  
</table>  
  
<!-- HTML表单示例 -->  
<h2>用户注册表单</h2>  
<form action="/submit-form" method="post">  
    <label for="username">用户名:</label>  
    <input type="text" id="username" name="username" required><br><br>  
    <label for="email">电子邮件:</label>  
    <input type="email" id="email" name="email" required><br><br>  
    <label for="password">密码:</label>  
    <input type="password" id="password" name="password" required><br><br>  
    <input type="submit" value="提交">  
</form>  
  
</body>  
</html>